<template>
	<div>
		<lang-select></lang-select>
		<div>
			<div class="demo-pagination-block">
				<div class="demonstration">Total item count</div>
				<el-pagination v-model:currentPage="currentPage1" :page-size="100" :small="small" :disabled="disabled"
					:background="background" layout="total, prev, pager, next" :total="1000" @size-change="handleSizeChange"
					@current-change="handleCurrentChange" />
			</div>
		</div>
	</div>
</template>
<script setup lang="ts">
const currentPage1 = ref(5)
const small = ref(false)
const background = ref(false)
const disabled = ref(false)
const handleSizeChange = (val: number) => {
	console.log(`${val} items per page`)
}
const handleCurrentChange = (val: number) => {
	console.log(`current page: ${val}`)
}
</script>
